<template>
  <el-card
    style="
      width: 264px;
      height: 90px;
      margin-bottom: 8px;
      border-radius: 12px;
      border: 1px solid #ededed;
    "
  >
    <div class="kpnr">
      <div class="xfzxjl">消防秩序经理</div>
      <div class="salary">7-9k</div>
    </div>
    <div class="kpdeh">
      <div class="brand">
        <img
          style="width: 22px; height: 22px"
          src="./assets/blurred.png"
          alt=""
        />
        <span class="brand_name">嘉豪商管</span>
      </div>
      <div class="address">北京</div>
    </div>
  </el-card>
</template>

<style scoped>
.kpnr {
  display: flex;
  justify-content: space-between;
  margin-bottom: 16px;
  .xfzxjl {
    font-size: 16px;
    font-weight: 500;
    color: #333;
    line-height: 22px;
  }
  .salary {
    font-size: 20px;
    font-family: kanzhun-Regular, kanzhun;
    color: #fe574a;
    line-height: 24px;
  }
}

.kpdeh {
  display: flex;
  justify-content: space-between;
  img {
    vertical-align: middle;
  }
  .brand_name {
    margin-left: 8px;
    font-size: 13px;
    color: #666;
    line-height: 18px;
  }
  .address {
    font-size: 13px;
    color: #666;
    line-height: 18px;
  }
}
</style>
